<template>
  <div class="home">
    <Hot />
    <top-ten />
    <List />
    <Join />
    <new-brand />
  </div>
</template>

<script>
import Hot from './components/hot'
import topTen from './components/top-ten'
import List from './components/list'
import Join from './components/join'
import newBrand from './components/new-brand'

export default {
  name: 'Home',
  components: { Hot, topTen, List, Join, newBrand },
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>

</style>

